<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<!--All the CSS-->
<link href="css/sugarcake.css" rel="stylesheet" type="text/css" />
<link href="css/default.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js"></script>
<script type="text/javascript" src="scripts/scroller_/facescroll.js"></script>
<link href='http://fonts.googleapis.com/css?family=PT+Sans' rel='stylesheet' type='text/css'>
<link rel="stylesheet" type="text/css" href="css/allfont.css" />
<link rel="stylesheet" type="text/css" href="css/nexus_menu/component.css" />
<link rel="stylesheet" type="text/css" href="css/nano_scroller/general.css" />
<link rel="stylesheet" type="text/css" href="css/popupwindow.css" />
<script type="text/javascript" src="scripts/scroller_/modernizr.custom.29473.js"></script>
<script type="text/javascript" src="scripts/scroller_/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="scripts/scroller_/jquery.mousewheel.js"></script>
<script type="text/javascript" src="js/popupwindow.js"></script>

<!--All the CSS-->
<title>Taggerzz - Collect.Connect.Tag and Share your Web-Data with Everyone and Any 'one'</title>
</head>
<body>
<div class="wrapper">
		<!-- Header Start-->
		<div class="header_main">
			<div class="header_block">
				<div class="main_logo">
					<a href="index.htm"><img src="imgs/taggerzz_logo_n.png" width="128" height="52" /></a>
				</div>
				<div class="welcome_message">
					<div class="message_display_block">
						<div><p style="text-align:center">Welcome back,</p><p>Nani</p></div>
						<img src="imgs/social_media/profilesmall.png"/>
					 </div>
					 <div class="clearfix"></div>
					 <div class="tg_montag_menu">
						<ul>
							<li><a href="index.htm">Home</a></li>
							<li><a href="Dashboard.html">Dashboard</a></li>
							<li><a href="montage.html">#mycollections</a></li>
							<li><a href="#">Accounts</a></li>
							<li><a href="#">Hinting:on</a></li>
							<li><a href="index.htm">Logout</a></li>
						</ul>
					 </div>
					  <div class="clearfix"></div>
				</div>
			</div>
		</div>
		<!-- Header End -->
		<div class="body_main_container">
			<div class="body_middle_container body_mar_b">
			<div class="body_top_height_start">
				<div class="manage_databox">
					<h2>Manage my Databoxes</h2><strong>02/10</strong>
				</div>
				<div class="clearfix"></div>
				<div class="databox_links_bg">
					<div class="manage_bg">
						<div class="manage_input">
							<div class="mar_lr">
								<input type="text" class="manage_textbox_pad" value="#100conspiracies"/>
								<p><span>Private</span><input type="checkbox" name="private" id="private"/></p>
							</div>
						</div>
						<div class="clearfix"></div>
					</div>
					<div class="row">
						<div class="mar_lr manage_links_t">
							<div class="span722">
							<div class="databox_overflow">
							<div class="databox_links">
								<input type="text" class="manage_textbox_pad"/>
								<img src="imgs/social_media/manage_checking.png"/>
							</div>
							<div class="databox_links">
								<input type="text" class="manage_textbox_pad"/>
								<img src="imgs/social_media/manage_checking.png"/>
							</div>
							<div class="databox_links">
								<input type="text" class="manage_textbox_pad"/>
								<img src="imgs/social_media/manage_checking.png"/>
							</div>
							<div class="databox_links">
								<input type="text" class="manage_textbox_pad"/>
								<img src="imgs/social_media/manage_checking.png"/>
							</div>
							<div class="databox_links">
								<input type="text" class="manage_textbox_pad"/>
								<img src="imgs/social_media/manage_checking.png"/>
							</div>
							<div class="databox_links">
								<input type="text" class="manage_textbox_pad"/>
								<img src="imgs/social_media/manage_checking.png"/>
							</div>
							<div class="databox_links">
								<input type="text" class="manage_textbox_pad"/>
								<img src="imgs/social_media/manage_checking.png"/>
							</div>
							<div class="databox_links">
								<input type="text" class="manage_textbox_pad"/>
								<img src="imgs/social_media/manage_checking.png"/>
							</div>
							</div>
							<div class="databox_title">
								<h3>DATABOX'S TITLE</h3>
								<input type="text" class="manage_textbox_pad"/>
								<a href="#" class="larg_btn">Change Customization</a>
							</div>
							<div class="databox_content">
								<div class="text_row">
									<div class="float_l"><h4>DATABOX'S CONTEXT</h4></div>
									<div class="float_r"><h5>(Limited upto 3000 Chars)</h5></div>
								</div>
								<textarea class="manage_textbox_pad"></textarea>
								<div class="databox_content_btns">
									<a href="#" class="larg_btn">Delete Databox</a>
									<a href="#" class="larg_btn">Disable comments</a>
								</div>
							</div>
							</div>
							</div>
							<div class="span220">
								<div class="tg_rightbar_br tg_dashbord_rightbar_pr">
									<div class="tg_dashbord_rightbar">
										<h4>#100conspiracies</h4>
										<img src="imgs/social_media/proimg.png"/>
										<p>100 Conspiracies of 20th century</p>
									</div>
									<div class="tg_dashbord_rightbar_pa">
										<a href="#" class="tg_rightbar_btn">100Sources available</a>
									</div>
								</div>
								<div class="tg_rightbar_link"><p>Change Image</p></div>
								<div class="tg_rightbar_meta_keword ">
									<h4>DATABOX'S META KEWORDS:</h4>
									<textarea class="manage_textbox_pad"></textarea>
									<div class="text_row databox_content_btns">
									<div class="float_l"><a href="#" class="larg_btn">SAVE CHANGES</a></div>
									<div class="float_r"><h5>55/100</h5></div>
									</div>
								</div>
							</div>
							
						</div>
					</div>
					<!-- Manage data box -->
					
					
					<div class="databox_links_bg">
					<div class="manage_bg">
						<div class="manage_input">
							<div class="mar_lr">
								<div class="text_row">
										<div class="float_l">
											<div class="privatedatabox">
												<input type="text" class="manage_textbox_pad" value="#Myprivatedatabox"/>
												<span>&nbsp;Unique Code:&nbsp;</span>
												<input type="text" class="manage_textbox_pad">
												<a href="#"><img style="margin-top:5px;" src="imgs/social_media/refresh.png"/></a>
											</div>
										</div>
										<div class="float_r"><p class="privatedatabox_checked"><span>private</span>
										<span><input id="open-pop-up-1" type="checkbox"/></span></p></div>
								</div>
							</div>
						</div>
						<div class="clearfix"></div>
					</div>
					<div class="row">
						<div class="mar_lr manage_links_t">
							<div class="span722">
							<div class="databox_overflow">
							<div class="databox_links">
								<input type="text" class="manage_textbox_pad"/>
								<img src="imgs/social_media/manage_checking.png"/>
							</div>
							<div class="databox_links">
								<input type="text" class="manage_textbox_pad"/>
								<img src="imgs/social_media/manage_checking.png"/>
							</div>
							<div class="databox_links">
								<input type="text" class="manage_textbox_pad"/>
								<img src="imgs/social_media/manage_checking.png"/>
							</div>
							<div class="databox_links">
								<input type="text" class="manage_textbox_pad"/>
								<img src="imgs/social_media/manage_checking.png"/>
							</div>
							<div class="databox_links">
								<input type="text" class="manage_textbox_pad"/>
								<img src="imgs/social_media/manage_checking.png"/>
							</div>
							<div class="databox_links">
								<input type="text" class="manage_textbox_pad"/>
								<img src="imgs/social_media/manage_checking.png"/>
							</div>
							<div class="databox_links">
								<input type="text" class="manage_textbox_pad"/>
								<img src="imgs/social_media/manage_checking.png"/>
							</div>
							<div class="databox_links">
								<input type="text" class="manage_textbox_pad"/>
								<img src="imgs/social_media/manage_checking.png"/>
							</div>
							</div>
							<div class="databox_title">
								<h3>DATABOX'S TITLE</h3>
								<input type="text" class="manage_textbox_pad"/>
								<!--<a href="#" class="larg_btn">Change Customization</a>-->
							</div>
							<div class="databox_content">
								<div class="text_row">
									<div class="float_l"><h4>DATABOX'S CONTEXT</h4></div>
									<div class="float_r"><h5>(Limited upto 3000 Chars)</h5></div>
								</div>
								<textarea class="manage_textbox_pad"></textarea>
								<div class="databox_content_btns">
									<a href="#" class="larg_btn">Delete Databox</a>
									<a href="#" class="larg_btn">Disable comments</a>
								</div>
							</div>
							</div>
							</div>
							<div class="span220">
								<div class="tg_rightbar_br tg_dashbord_rightbar_pr">
									<div class="tg_dashbord_rightbar">
										<h4>#100conspiracies</h4>
										<img src="imgs/social_media/proimg.png"/>
										<p>100 Conspiracies of 20th century</p>
									</div>
									<div class="tg_dashbord_rightbar_pa">
										<a href="#" class="tg_rightbar_btn">100Sources available</a>
									</div>
								</div>
								<div class="tg_rightbar_link"><p>Cahange Image</p></div>
								<div class="tg_rightbar_meta_keword ">
									<h4>DATABOX'S META KEWORDS:</h4>
									<textarea class="manage_textbox_pad"></textarea>
									<div class="text_row databox_content_btns">
									<div class="float_l"><a href="#" class="larg_btn">SAVE CHANGES</a></div>
									<div class="float_r"><h5>55/100</h5></div>
									</div>
								</div>
							</div>
							
						</div>
					</div>
					
				</div>
			</div>
		</div>
	</div>
	<div class="clearfix"></div>
	<div class="footer_global">
		<div class="footer_context">Taggerz.&nbsp;&nbsp;&nbsp;&nbsp;  Privacy Policy&nbsp;&nbsp;|&nbsp;&nbsp;Copy rights&nbsp;&nbsp;|&nbsp;&nbsp;Disclaimer</div>
	</div>
<div id="pop-up-1" class="pop-up-display-content conform_popup_content">
<p>Your Public databox have been changed to "private" 
up on confirming your "Unique code" and clicking on "Save"
We will mail your accesing details to 'emailid@emailservice.com'
</p>
<div class="conform_emai_id"><p>Please provide your email ID</p>
<p><input type="text" name="email" class="text_pad" id="email"/></p></div>
<p><a class="larg_btn" href="index.htm">CONTINUE</a>&nbsp;&nbsp;&nbsp;<a class="larg_btn" href="Dashboard.html">CANCEL</a></p>
</div>
<script>
	$(document).ready(function () {
    //basic pop-up
    $('#open-pop-up-1').click(function(e) {
        e.preventDefault();
        $('#pop-up-1').popUpWindow({action: "open"});
    });
	$(document).keydown(function(e) {
	if (e.keyCode == 27) {
        $('#pop-up-1').popUpWindow({action: "close"});
    }
	});
});
</script>